<template>
  <div class="kind">
    <div class="policyDesc">
      <div v-for="(item,index) in policyDescList" :key="index">
        <img :src="item.icon" alt="">
        <span>{{item.desc}}</span>
      </div>
    </div>
    <div class="kingkong">
      <div v-for="(item,index) in kingKongList" :key="index">
        <img :src="item.picUrl" alt="">
        <span>{{item.text}}</span>
      </div>
    </div>
    <div class="activity">
      <img src="https://yanxuan.nosdn.127.net/33426e217b0479ffa2e1e0c2b5b9ec72.gif?imageView&quality=75&type=jpg" alt="">
    </div>
  </div>
</template>

<script>
export default {
  props: ['policyDescList', 'kingKongList']
}
</script>

<style lang='less' scoped>
.policyDesc{
  height: .72rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
  div{
    display: flex;
    img{
      width: 16px;
      height: 16px;
    }
    span{
      font-size: .24rem;
      color: #333;
      margin-left: .05rem;
    }
  }
}
.kingkong{
  display: flex;
  flex-wrap: wrap;
  div{
    width: 1.5rem;
    text-align: center;
    margin: .2rem 0;
    img{
      width: 1.1rem;
      height: 1.1rem;
      margin: 0 auto;
    }
    span{
      font-size: .24rem;
      font-weight: 300;
    }
  }
}
.activity{
  background-color: #eee;
  padding: .2rem 0;
  img{
    width: 7.5rem;
    height: 3.2rem;
  }
}
</style>
